/* **** Main Navigation Styles **** */
.HeaderWrapper {position:sticky; top:0; background-color: rgba(255,255,255,0.95); z-index:999}
nav {width:100%}

.navbar-icon {position:relative}
.navbar-icon:before {
    font-family: FontAwesome;
    content: '\f0c9';
    z-index: 999;
    position: relative;
    font-size: 30px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    line-height: 60px;
	color: var(--Primary);
}
 
 
#navbarNavDropdown{}
#navbarNavDropdown ul {list-style:none; 	position:relative; 	margin: 0;     padding: 0;     display: flex;     justify-content: space-between;}
#navbarNavDropdown ul a {display:block;  font-size: 16px; text-align:left; color:#333333; text-decoration:none; padding:0 15px; font-weight:normal; padding-top:10px; padding-bottom:10px }
#navbarNavDropdown ul a:hover, .SubCategory a:hover {color:var(--Primary)!important;}
#navbarNavDropdown ul li {position:relative; float:left;	margin:0;	padding:0}

#navbarNavDropdown ul ul {display:none;	position:absolute;	top:100%;	left:-10px;	background-color:white; padding:0;	Z-index:999; }
#navbarNavDropdown ul ul a {	line-height:120%;	padding:10px 15px; white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; }

#navbarNavDropdown ul ul ul{	top:0;	left:20%; background:rgba(255,255,255,1);}
#navbarNavDropdown ul ul ul li a {height:auto}

/* Optico */
.submenu.dropdown-menu.show {display:block!important; width: 100vw;    position: fixed;    top: 106px; height:200px; padding-left: 9%; padding-right: 9%;}
#navbarNavDropdown ul li.show > ul {/*	display:block!important;*/ width: 100vw;    position: fixed;    top: 106px; height:200px; padding-left: 9%; padding-right: 9%;}
#navbarNavDropdown ul ul li{float:none; width:20%}
#navbarNavDropdown ul ul li:hover > ul {justify-content: normal; display: flex!important; flex-wrap: wrap; height: auto; width:100%}
#navbarNavDropdown ul ul ul li{float:none; width:auto}

#navbarNavDropdown .open ul {display:none!important}
#navbarNavDropdown [data-index="0"] {width:600px}



/* Generic Styles */
#navbar {float:none!important}

/* Nav colours */

.nav ul li a {color:white}
.sticky .nav ul li a {color:black}
.nav ul > li > a:hover {color:#3fa9f5; background-color: rgba(198, 198, 198, 0.0)}


/* **** Main Navigation Styles **** */

.nav ul {list-style: none; /*text-align: left;*/ margin: 0px!important}
.nav ul li {float: none; position: relative; display: inline-block; list-style: none;}
/*.nav ul li:hover a {color: black;}*/
.nav > ul {text-align: center; float:right;width:100%; padding-right: 0px;}
.nav > ul:after {display: block; content: '';  clear: both}
.nav > ul > li {/*width: 16.66%; 12.28%;*/
    float: left;
    display: block;
    text-align: right; padding-left: 30px;
    padding-right: 0px;
    white-space: nowrap;}
.nav ul > li > a {
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    border: none;
    background-color: rgba(255, 255, 255, 0);

}

.nav ul li.dropdown ul li {
    width: 100%;
    text-align: center
}
.nav ul li.dropdown ul li a {
       padding-left: 0;
    padding-right: 0;
    text-align: right;
   /* margin-bottom: 5px;*/
    padding-top: 5px;
    width: 100%;
    font-size: 0.8rem;
    line-height: 0.8rem;
	color: black;
	border-bottom:none;
}

.nav ul li.dropdown.active ul li a {border-bottom:none}
.nav ul li.dropdown ul li:active a {border-bottom:none}
	

.nav.vertical li.dropdown:hover ul{
 padding-right: 20px;
 padding-left: 20px;

}	
.dropdown:hover + .dropdown li, .dropdown:hover li {
  display:block !important;
}

/* ****  Stick Header Style **** */

/*.headerWrapper.sticky {position:static}*/

.editing .headerWrapper.sticky,
.editing .headerWrapper {
    position: static;
    top: 0!important;
    left: 0;
    width: 100%;
    z-index: 998;
    margin: 0;
    padding: 0;
}
.nav.vertical.open ul > li.active > a {
    background: transparent;
	
}
.nav.vertical.open ul li.dropdown ul {
    background-color: transparent;
	display: block;
	overflow:hidden;
}

/* Extra large devices (large laptops and desktops, 1200px) */
@media (max-width: 1200px) {
	
	
	
}


/* Large devices (laptops/desktops, 992px) */
@media (max-width: 992px) {
	
	
	
}



/* Medium devices (landscape tablets, 768px) */
@media (max-width: 768px) {
	
	
	
	
		
	
} 



/* Small devices (portrait tablets and large phones, 600px) */
@media (max-width: 600px) {
	
		
} 



@media (max-width: 480px){
		



	
} 





.show { display: block; }


.content .submenu { display : block; position: static; float: none; }
.content .submenu li { float: none; }